Visual lab

Feature · webhooks

Webhooks

Project events pushed to any endpoint the moment they happen: a form submission lands in Slack, Zapier or a CRM.

shipped 3 variants On the board →
v1

Fire on submit

once one pass, holds

Send is pressed, form.submission.created fires, the payload travels the link and lands in Slack and the CRM. Cause and effect in one frame.

views/components/visuals/webhooks/v1.html

Static · three placements

Bento card · 320px Static
Webhooks — form.submission.created Fig. 19

Forms · Contact

Name

Riley Morgan

Email

riley@northwind.studio
Send message

Slack · #leads

B

New enquiry · Riley Morgan

riley@northwind.studio

CRM · Leads

Riley Morgan New
form.submission.created 2 delivered · 200Listening…
Feature row · 560px Static
Webhooks — form.submission.created Fig. 19

Forms · Contact

Name

Riley Morgan

Email

riley@northwind.studio
Send message

Slack · #leads

B

New enquiry · Riley Morgan

riley@northwind.studio

CRM · Leads

Riley Morgan New
form.submission.created 2 delivered · 200Listening…
Hero figure · 880px Static
Webhooks — form.submission.created Fig. 19

Forms · Contact

Name

Riley Morgan

Email

riley@northwind.studio
Send message

Slack · #leads

B

New enquiry · Riley Morgan

riley@northwind.studio

CRM · Leads

Riley Morgan New
form.submission.created 2 delivered · 200Listening…

Animated · once

Feature row · 560px
Webhooks — form.submission.created Fig. 19

Forms · Contact

Name

Riley Morgan

Email

riley@northwind.studio
Send message

Slack · #leads

B

New enquiry · Riley Morgan

riley@northwind.studio

CRM · Leads

Riley Morgan New
form.submission.created 2 delivered · 200Listening…
v2

Delivery log

once one pass, holds

The deliveries table filling as events fire: each row pending then settled, one endpoint answering 500 and its retry landing 200. Reliability rather than reach.

views/components/visuals/webhooks/v2.html

Static · three placements

Bento card · 320px Static
Settings — Webhooks · Deliveries Fig. 20
EventStatus
form.submission.created 200 · 84ms
post.created 200 · 120ms
form.submission.created 200 · 61ms
form.updated 500 · retry
form.updated · retry 1 200 · 96ms
3 endpoints 5 deliveries · 1 retriedListening…
Feature row · 560px Static
Settings — Webhooks · Deliveries Fig. 20
EventStatus
form.submission.created 200 · 84ms
post.created 200 · 120ms
form.submission.created 200 · 61ms
form.updated 500 · retry
form.updated · retry 1 200 · 96ms
3 endpoints 5 deliveries · 1 retriedListening…
Hero figure · 880px Static
Settings — Webhooks · Deliveries Fig. 20
EventStatus
form.submission.created 200 · 84ms
post.created 200 · 120ms
form.submission.created 200 · 61ms
form.updated 500 · retry
form.updated · retry 1 200 · 96ms
3 endpoints 5 deliveries · 1 retriedListening…

Animated · once

Feature row · 560px
Settings — Webhooks · Deliveries Fig. 20
EventStatus
form.submission.created 200 · 84ms
post.created 200 · 120ms
form.submission.created 200 · 61ms
form.updated 500 · retry
form.updated · retry 1 200 · 96ms
3 endpoints 5 deliveries · 1 retriedListening…
c1

Subscribe to an event

cutout

once one pass, holds

Cutout on a navy ground: a project's admin panel, Settings → Webhooks with the webhooks table, dimmed behind the New webhook sheet, which keeps the window's right edge in frame and runs off the bottom. The Zapier catch URL is typed into Endpoint URL, then the cursor arrives on collection.entry.created in the Collection group, the box takes its hover border, a press, and it ticks. At card width only the sheet shows and its description is dropped so the ticked row stays in frame.

views/components/visuals/webhooks/c1.html

Static · three placements

Bento card · 320px Static
KEKererū
Search⌘KRC
Home

General

PagesAssetsFormsMenus

Blogs

Case StudiesJournalArticles

Collections

NavigationTeamLocationsFAQTestimonialsOpening Hours

Settings

Website detailsMeta & SEOSitemapUsersVerified emailsFormsRedirectsRoute patternsCode injectionWebhooks

Webhooks

New webhook
URLEventsStatus
https://hooks.slack.com/services/T04/B071 eventActive
https://crm.kereru.studio/sync3 eventsActive

New webhook

Endpoint URL
https://https://hooks.zapier.com/hooks/catch/8241/a1b2c3
Select events to listen to
Collection6 events
collection.created
collection.deleted
collection.updated
collection.entry.created
collection.entry.deleted
collection.entry.updated
Form5 events
form.created
form.deleted
form.updated
form.submission.created
form.submission.deleted
Post1 event
post.created
CreateCancel
Feature row · 560px Static
KEKererū
Search⌘KRC
Home

General

PagesAssetsFormsMenus

Blogs

Case StudiesJournalArticles

Collections

NavigationTeamLocationsFAQTestimonialsOpening Hours

Settings

Website detailsMeta & SEOSitemapUsersVerified emailsFormsRedirectsRoute patternsCode injectionWebhooks

Webhooks

New webhook
URLEventsStatus
https://hooks.slack.com/services/T04/B071 eventActive
https://crm.kereru.studio/sync3 eventsActive

New webhook

Endpoint URL
https://https://hooks.zapier.com/hooks/catch/8241/a1b2c3
Select events to listen to
Collection6 events
collection.created
collection.deleted
collection.updated
collection.entry.created
collection.entry.deleted
collection.entry.updated
Form5 events
form.created
form.deleted
form.updated
form.submission.created
form.submission.deleted
Post1 event
post.created
CreateCancel
Hero figure · 880px Static
KEKererū
Search⌘KRC
Home

General

PagesAssetsFormsMenus

Blogs

Case StudiesJournalArticles

Collections

NavigationTeamLocationsFAQTestimonialsOpening Hours

Settings

Website detailsMeta & SEOSitemapUsersVerified emailsFormsRedirectsRoute patternsCode injectionWebhooks

Webhooks

New webhook
URLEventsStatus
https://hooks.slack.com/services/T04/B071 eventActive
https://crm.kereru.studio/sync3 eventsActive

New webhook

Endpoint URL
https://https://hooks.zapier.com/hooks/catch/8241/a1b2c3
Select events to listen to
Collection6 events
collection.created
collection.deleted
collection.updated
collection.entry.created
collection.entry.deleted
collection.entry.updated
Form5 events
form.created
form.deleted
form.updated
form.submission.created
form.submission.deleted
Post1 event
post.created
CreateCancel

Animated · once

Feature row · 560px
KEKererū
Search⌘KRC
Home

General

PagesAssetsFormsMenus

Blogs

Case StudiesJournalArticles

Collections

NavigationTeamLocationsFAQTestimonialsOpening Hours

Settings

Website detailsMeta & SEOSitemapUsersVerified emailsFormsRedirectsRoute patternsCode injectionWebhooks

Webhooks

New webhook
URLEventsStatus
https://hooks.slack.com/services/T04/B071 eventActive
https://crm.kereru.studio/sync3 eventsActive

New webhook

Endpoint URL
https://https://hooks.zapier.com/hooks/catch/8241/a1b2c3
Select events to listen to
Collection6 events
collection.created
collection.deleted
collection.updated
collection.entry.created
collection.entry.deleted
collection.entry.updated
Form5 events
form.created
form.deleted
form.updated
form.submission.created
form.submission.deleted
Post1 event
post.created
CreateCancel
Tune · ground and placement
Ground
Place

Overrides none — the file's own defaults